<%--
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Nguyen Hung
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<f:subview id="conf425475">
    <html>
        <head>
            <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>

            <link rel="stylesheet" type="text/css" href="../scripts/tabs/slidingtabs-horizontal.css">
            <script type="text/javascript" src="../scripts/tabs/slidetab.js"></script>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
            <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
            <link rel="stylesheet" type="text/css" href="../css/richTable.css"/>
            <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
            <link rel="stylesheet" type="text/css" href="../css/customer4tour.css"/>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.rateit.js"></script>
            <link rel="stylesheet" type="text/css" href="../css/rateit.css">
            <script type="text/javascript" language="javascript">
                var open_cur = 0;
                $j = jQuery.noConflict();
                $j(document).ready(function(){
                    $j( "#toggle" ).hide();
                    $j('input#leavedate1,input#leavedate2').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                    $j('input#leavedate3,input#leavedate4').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                    $j('input#dateStart, input#dateEnd').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                    $j('input#dateStart1, input#dateEnd1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                    
//                    $j(".textV050").val('Tìm kiếm tour');
//                    $j('.keysearch').live('keyup',function(){
//                        $j('.noterow').hide();
//                        $j('.noterow').each(function(){
//                            html = $j(this).html();
//                            // alert( ununicode($j('.keysearch').val()));
//                            if(    ununicode(html).indexOf(  ununicode($j('.keysearch').val())) > -1 ) {
//                                $j(this).show();
//                            }else{
//                                $j(this).hide();
//                            }
//
//                        });
//                    });
                    
                     $j('.text_search').live('keyup',function(){
                    if($j('.text_search').val() == ""){
                        $j('.noteRow').show();
                        $j('.close').trigger('click');   
                                   
                    }else{
                        $j('.close').trigger('click');   
                        $j('.noteRow').hide();
                        $j('.noteRow').each(function(){
                            html = $j(this).html();                            
                            if(ununicode(html).indexOf(ununicode($j('.text_search').val())) > -1)  {                                
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
                    
                    initThickBox('.thickbox');
                    $j('.st_horizontal').slideTabs();
                    Tab4Kapi();
                    $j('a.button.edit').live('click',function() {
                        
                        $j(this).parent("div").parent("div").hide().next("div").show();

                    });

                    $j(".rateit").live("click",function(){
                        pn100 = $j(this).prev().attr('id');
                        star_value = $j(this).prev().val();
                        $j.post("star.jsp?action=favourite&flag=star&ni105="+star_value+'&pn100='+pn100,function(){

                        });
                    });
                    $j('.search_box').hide();       
                    $j('.sidebar_search').live('click',function(){
                        $j('.search_box').hide();
                        if($j(this).next().hasClass('active')){
                        
                            $j('.search_box').removeClass('active');
                        }else{

                            $j('.search_box').removeClass('active');
                            $j(this).next().addClass('active');
                            $j(this).next().show();
                       
                        }
                    });
                    $j(".content_right").live("click",function(){
                        $j('.search_box').hide();
                    });
                    $j(".linkfs200").live("click",function(){
                 
                        fv050 =  $j(this).parents(".content_detail").find(".fs200").val();                      
                        window.location="managerTour.jsp?action=linkrecord&fv050="+fv050;
                    });
                    //                    $j(".linkfs200T").live("click",function(){
                    //                 
                    //                        //fv050 =  $j(this).parents(".content_detail").find(".fs200").val();                      
                    //                        window.location="listTour.jsp";
                    //                    });
                    var listlang = "";
                    $j(".rich-table-row:even").css("background","#E0EFFC");
                    $j('.checkPC').live('click',function(){
                        //    $j(".abc").trigger("click");
                        $j( "#toggle" ).hide();
                        var lang= $j(this).attr("lang");
                        var boool;
                        if( $j(this).is(":checked"))
                        {
                            boool = true;
                        }
                        else
                        {
                            boool = false;
                        }
                            
                        $j.post("listcustomer4tourmew.jsp?action=addpersonalforV030&pn100="+lang+"&valueC="+boool,function(data){
                            
                        });
                    });
                    
                    $j(".checkAllPC").live("click",function(){                     
                        flag = $j('.checkAllPC').is(':checked');                      
                        $j(".checkPC").each(function(){
                            $j('.checkPC')  .attr('checked', flag);
                        });
                        var boool;
                        if( $j(this).is(":checked"))
                        {
                            boool = true;
                        }else
                        {
                            boool = false;
                        }$j.post("listcustomer4tourmew.jsp?action=addAllpersonalforV030&boool="+boool,function(data){
                            
                        });

                    });
                  
                    $j('.check_select').live('click',function(){
                        $j( "#toggle" ).hide();
                        var lang= $j(this).attr("lang");
                        var boool;
                        if( $j(this).is(":checked"))
                        {
                            boool = true;
                        }
                        else
                        {
                            boool = false;
                        }
                            
                        $j.post("customer4tour.jsp?action=addCusp100&p100="+lang+"&valueC="+boool,function(data){
                            
                        });
                        
                    });
                   
                    $j(".checkAll").live("click",function(){
                       
                        flag = $j('.checkAll').is(':checked');
                       
                        $j(".check_select").each(function(){
                            $j('.check_select')  .attr('checked', flag);
                        });
                        
                        var boool;
                        if( $j(this).is(":checked"))
                        {
                            boool = true;
                        }
                        else
                        {
                            boool = false;
                        }
                        
                        $j.post("customer4tour.jsp?action=addAllCusp100&boool="+boool,function(data){
                            
                        });

                    });
                    var vn033=0;
                    $j(".imgout").live("click",function(){
                        //vn033 =  $j(this).parent().find(".vn033out").text();
                     
                        $j(this).parent(".outtext").next(".intext").addClass("active");
                        $j(this).parent(".outtext").addClass("default");
                        
                    });
                    $j(".saveprice").live("click",function(){
                        pn100  = $j(this).attr("lang");
                        vn033=  $j(this).parent().find(".vn033").val();
                        
                        //                     
                        $j.post("customer4tour.jsp?action=saveprice&pn100="+pn100+"&vn033="+vn033,function(data){
                            if(data != null){
                               
                                fv050 =  $j(".content_detail").find(".fs200").children("option:selected").val();
                             
                                if(fv050 > 0){
                                    window.location= "customer4tour.jsp?pv050="+fv050;   
                                }else{
                                    window.location= "customer4tour.jsp?pv050="+0;   
                                }
                                
                               
                            }
                        });
                    });
                    
                    $j('.checknn').live("change",function(){  
                        var vn034 =0;
                        if($j(this).is(':checked')){
                            vn034 = 1;
                        }
                        pn100 = $j(this).attr('lang');
                        showPleaseWait();
                        $j.post('v030Begin.jsp?action=updatechecknn&vn034='+vn034+'&pn100='+pn100,function(data){
                            if(data !=null){
                                hidePleaseWait();
                            }
                        });
                       
                    });
                    $j('.checkct').live("change",function(){  
                        var vn035 =0;
                        if($j(this).is(':checked')){
                            vn035 = 1;
                        }
                        pn100 = $j(this).attr('lang');
                        showPleaseWait();
                        //alert('v030Begin.jsp?action=updatecheckct&vn035='+vn035+'&pn100='+pn100);
                        $j.post('v030Begin.jsp?action=updatecheckct&vn035='+vn035+'&pn100='+pn100,function(data){
                            if(data !=null){
                                hidePleaseWait();
                            }
                        });
                       
                    });
                    
                    $j('.fs200').live("change",function(){  
                        
                        idFS200 = $j(this).val();
                        if(idFS200!=0){
                            //  $j('.buttonActionTour').css("display", "block");
                            //  $j.post("actioncheckTour.jsp?action=checkTour&FV050TTT="+idFS200,function(data){
                                
                            //  });
                        
                         
                            window.location = "customer4tour.jsp?status=T&pv050=" + idFS200 + "&action=delSS";
                 
                        }else{
                            //  $j('.buttonActionTour').css("display", "none");
                        }
                       
                    });
                    
                    $j('.listDDT').css("display","none");
                    $j('.comboT').live('click',function(){
                        $j('.listDDT').hide();
                        if($j(this).next().hasClass('active')){
                        
                            $j('.listDDT').removeClass('active');
                        }else{

                            $j('.listDDT').removeClass('active');
                            $j(this).next().addClass('active');
                            $j(this).next().show();
                            $j(this).next().children().next().show();
                            return false;
                        }
                    });
                    $j('.listDD').css("display","none");
                    $j('.combo').live('click',function(){
                        $j('.listDD').hide();
                        if($j(this).next().hasClass('active')){
                        
                            $j('.listDD').removeClass('active');
                        }else{

                            $j('.listDD').removeClass('active');
                            $j(this).next().addClass('active');
                            $j(this).next().show();
                            $j(this).next().children().next().show();
                            return false;
                        }
                    });
                    
                    $j('.combo').live("change",function(){  
                        
                        pnN100= $j(this).val();
                        fv050 = $j(this).attr('lang');
                        pnN100E = $j(this).parent().attr('lang');
                        
                        
                        $j.post("actionN100forTour.jsp?action=checkpesonalforTour&FV050="+fv050+"&PN100="+pnN100+"&PN100E="+pnN100E,function(data){
                            if(data!=null){
                                window.location= "customer4tour.jsp?status=T&pv050="+fv050; 
                            }
                        });
                        
                    });
                    
                    $j('.itemList').live("click",function(){  
                        
                        
                        action = $j(this).attr('lang');
                        
                        fv050 = $j(this).parent().attr('lang');
                        //                        alert(action);
                        //                        alert(fv050);
                        $j.post("actionN100forTour.jsp"+action,function(data){
                            if(data!=null){
                                window.location= "customer4tour.jsp?status=T&pv050="+fv050; 
                            }
                        });
                        
                    });
                    
                    $j('.itemListT').live("click",function(){  
                        
                        
                        action = $j(this).attr('lang');
                        
                        fv050 = $j(this).parent().attr('lang');
                      
                        $j.post("actionN100forTour.jsp"+action,function(data){
                            if(data!=null){
                                window.location= "customer4tour.jsp?status=T&pv050="+fv050; 
                            }
                        });
                        
                    });
                    $j('.itemList0T').live("click",function(){  
                        
                        
                        action = $j(this).attr('lang');
                        
                        fv050 = $j(this).parent().attr('lang');
                        //                        alert(action);
                        //                        alert(fv050);
                        $j.post("actionN100forTour.jsp"+action,function(data){
                            if(data!=null){
                                window.location= "customer4tour.jsp?status=T&pv050="+fv050; 
                            }
                        });
                        
                    });
                    $j('.itemList0').live("click",function(){  
                        
                        
                        action = $j(this).attr('lang');
                        
                        fv050 = $j(this).parent().attr('lang');
                        //                        alert(action);
                        //                        alert(fv050);
                        $j.post("actionN100forTour.jsp"+action,function(data){
                            if(data!=null){
                                window.location= "customer4tour.jsp?status=T&pv050="+fv050; 
                            }
                        });
                        
                    });
                    
                    $j('.showCombo').live("click",function(){  
                        $j(this).prev().hide();
                        $j(this).hide();
                        $j(this).next().css("display","block");
                        
                    });
                    
                    $j('.showComboT').live("click",function(){  
                        $j(this).prev().hide();
                        $j(this).hide();
                        $j(this).next().css("display","block");
                        
                    });
                    $j('.delT').live("click",function(){  
                        $j(this).prev().parent().css("display","none");
                       
                        $j(this).prev().parent().prev().show();
                        $j(this).prev().parent().prev().prev().show();
                        
                    });
                    $j('.del').live("click",function(){  
                        $j(this).prev().parent().css("display","none");
                       
                        $j(this).prev().parent().prev().show();
                        $j(this).prev().parent().prev().prev().show();
                        
                    });
                    $j('.combo1').live("change",function(){  
                        
                        pnN100= $j(this).val();
                        fv050 = $j(this).attr('lang');
                        pnN100E = $j(this).parent().attr('lang');
                       
                       
                        $j.post("actionN100forTour.jsp?action=checkpesonalforTour&FV050="+fv050+"&PN100="+pnN100+"&PN100E="+pnN100E,function(data){
                            if(data!=null){
                                window.location= "customer4tour.jsp?status=T&pv050="+fv050; 
                            }
                        });
                        
                    });
                    
                    $j('.itemitem').val("Vui lòng chọn");
                    $j('.itemitem').live('keyup',function(){
                        $j('.itemList').hide();
                        $j('.itemList').each(function(){
                            html = $j(this).html();
                            // alert( ununicode($j('.keysearch').val()));
                            if(    ununicode(html).indexOf(  ununicode($j('.itemitem').val())) > -1 ) {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }

                        });
                    });
                    $j(document).live("click",function() {
                        $j('.listDD').hide();
                    });

                    $j('.listDD').live('click',function(e) {
                        e.stopPropagation();
                    });
                    $j(document).live("click",function() {
                        $j('.listDDT').hide();
                    });

                    $j('.listDDT').live('click',function(e) {
                        e.stopPropagation();
                    });
                    
                    // delete nguoi dai dien
                    $j(".deletePersonal").live("click",function(){               
                        showPleaseWait();
                        fv050 = $j(this).attr('lang');
                        pn100 = $j(this).parent().attr('lang');
                        //   alert(pn100);
                        $j.post("actionN100forTour.jsp?action=checkpesonalforTour&FV050="+fv050+"&PN100="+pn100+"&PN100E="+0,function(data){
                            if(data!=null){
                                window.location = "customer4tour.jsp?status=T&pv050="+fv050;
                                hidePleaseWait();
                            }
                        });  
                    });
                
                    $j('.saveRoom').live('click',function(e) {
                        
                        room = $j(this).prev().val();
                        actionn = $j(this).attr("lang");
                        // alert(room);
                        if(room != null || room !=''){
                            $j.post("actioncheckTour.jsp?"+actionn+"&room="+room,function(data){
                                
                            });
           
                            $j(this).prev().hide();
                            $j(this).prev().prev().css("display","block");
                            
                            $j(this).prev().prev().text(room);
                            $j(this).next().css("display","block");
                            $j(this).hide();
                        }
                    });
                    $j('.deleteRoom').live('click',function(e) {
                        
                        room = $j(this).prev().prev().prev().text();
                        //  alert(room);
                        actionn = $j(this).attr("lang");
                        if(room != null || room !=''){
                            $j.post("actioncheckTour.jsp?"+actionn+"&room=",function(data){
                                
                            });
                            $j(this).prev().show();
                            $j(this).prev().prev().show();
                            // $j(this).prev().css("display","none");
                            $j(this).prev().prev().prev().hide();
                            $j(this).prev().prev().prev().prev().hide();
                            $j(this).hide();
                        }
                    });
                    
                    //                    $j('.searchVS').live('click',function(e) {
                    //                        $j(this).next().css('display','block');
                    //                       
                    //                    });
                    
                    var box = $j('.cssgroup2');
                    var link = $j('.searchVS');

                    link.click(function() {
                        var id = $j(this).attr('lang');
                    
                        $j.post("action4TourVISA.jsp?action=selectVISA&id="+id,function(data){
                         
                            $j(".cssgroup2").html(data);
                        });
                        box.show(); return false;
                    });

                    $j(document).click(function() {
                        box.hide();
                    });

                    box.click(function(e) {
                        e.stopPropagation();
                    });
                    
                    // tim xe
                    var box1 = $j('.cssgroupXE');
                    var link1 = $j('.checkLX');

                    link1.click(function() {
                        var id = $j(this).attr('lang');
                    
                        $j.post("action4TourXE.jsp?action=selectVISA&id="+id,function(data){
                         
                            $j(".cssgroupXE").html(data);
                        });
                        box1.show(); return false;
                    });

                    $j(document).click(function() {
                        box1.hide();
                    });

                    box1.click(function(e) {
                        e.stopPropagation();
                    });
                    
                    $j(".showNote").live("click",function(){
                        $j('.noteContent').slideUp();
                        $j('.noteContent').html(''); 
                        var note = $j(this).parent().parent().next().find('.noteContent');  
                        if(note.hasClass('active')){
                            note.removeClass('active');
                        }else{                                      
                            note.removeClass('active');
                            note.addClass('active');                                               
                            //  fv050 = $j(this).attr('lang');
                            $j.post('customer4tourC575.jsp',function(data){                      
                                if(data !=null){
                                    note.css('min-height','50px');
                                    note.html(data);
                                    note.slideDown();
                                }
                            });
                        }

                    });

                   
                    $j(".addClassC425").hide();
                    $j(".iconcv").live("click",function(){
                        $j('.activeicon').hide();
                        fc425 = $j(this).attr("lang");
                        $j(this).next().hide();
                        if($j(this).next().hasClass('activeicon')){  
                            $j(this).next().removeClass('activeicon');
                        }else{                           
                            $j(this).next().removeClass('activeicon');
                            $j(this).next().addClass('activeicon');
                            $j(this).next().show();
                            $j.post("listpageC350.jsp?action=getListC350&fc425="+fc425,function(data){
                                $j(".addClassC425").html(data);
                            });
                        }
              
                    });
                    $j(document).click(function() {
                        $j('.activeicon').hide();
                    });

                    $j('.activeicon').click(function(e) {
                        e.stopPropagation();
                    });
                    
                    $j(".textV050").live("keyup",function(){
                        text = $j(this).val();
                        object = $j(this).next().next();
                        $j.post("loaddataV050.jsp",function(data){                       
                            object.html(data);
                        });
                    });
                    $j(".itemlabel").live("click",function(){
                        val = $j(this).attr("lang");
                        window.location = "customer4tour.jsp?status=T&pv050=" + val + "&action=delSS";
                    });
                    
                    $j('.itemvisa').live('click',function(){  
                        showPleaseWait();
                        fc475 = $j(this).attr("lang");
                        //pn100 = $j(this).attr("lang");
                        $j('.showitemVisa').slideUp();  
                        $j('.showitemVisa').html('');
                        // alert($j(this).next().attr('class'));
                        if($j(this).parent().next().hasClass('active')){
                
                            $j('.showitemVisa').removeClass('active');
                        }else{

                            $j('.showitemVisa').removeClass('active');
                            $j(this).parent().next().addClass('active');
                            //$j(this).next().slideToggle();
                            object = $j(this).parent().next();
                            file = $j(this).attr('lang');
                            $j.post("customer4tourC575.jsp?action=getListC575&"+fc475,function(data){
                                if(data!=null)
                                {
                                    object.html(data);
                                    object.slideDown();
                                    hidePleaseWait();
                                }
                            });
                        }
                    
                    });
                    
                    $j('.itemvisaHK').live('click',function(){ 
                        fv150 = $j(this).attr("lang");
                       
                        // fv050 = $j(this).attr("lang");
                        $j('.showitemVisa').slideUp();  
                        $j('.showitemVisa').html('');
                        // alert($j(this).next().attr('class'));
                        if($j(this).parent().next().hasClass('active')){
                            $j('.showitemVisa').removeClass('active');
                        }else{

                            $j('.showitemVisa').removeClass('active');
                            $j(this).parent().next().addClass('active');
                            //$j(this).next().slideToggle();
                            object = $j(this).parent().next();
                            file = $j(this).attr('lang');
                            $j.post("listcustomer4tourmew.jsp?action=showlistfortour&"+fv150,function(data){
                                if(data!=null)
                                {
                                    object.html(data);
                                    object.slideDown();
                                }
                            });
                        }
                    
                    });       
                    $j( ".displaySMS" ).click(function() {
                        $j( "#togglesms" ).show();
                        $j( "#togglesms" ).animate({height:'auto',opacity:'0.9'},"slow");
                        $j( "#togglesms" ).animate({width:'39%',opacity:'0.9'},"slow");
                      
                        $j.post("loaddatasmsTour.jsp?action=customer4tour",function(data){
                            if(data!=null){
                                $j( "#togglesms" ).html(data);
                            }
                        });
                    });
                    // -- VN035: so nguoi
                    //                    -- VV036: loai phong
                    //                    -- VV037: so phong
                    $j('.btnSoNguoi').live('click',function(data){
                       
                        var input = $j(this).parent().find('.songuoi');
                        
                     
                        //                       alert(input);
                        var vv037 = $j(this).parent().parent().parent().find('.sophong').val();
                        var vv036 = $j(this).parent().parent().parent().find('.loaiphong').children('option:selected').val();
                        link  = $j(input).attr('lang')+$j(input).val()+"&vv036="+vv036+"&vv037="+vv037;
                        //                                         alert(link);
                       
                        var as = $j(this);
                        $j.post("customer4tour.jsp?action=updateCusRoom&"+link,function(data){
                            $j(as).parent().addClass('displayinput');
                            $j(as).addClass('btnDelSoNguoi');
                            $j(as).removeClass('btnSoNguoi');
                            $j(as).parent().find('.songuoi').attr('readonly',true);
                            $j(as).attr('src', '/kapi/images/delete_1.png');
                        });
                    });
                    // -- VN035: so nguoi
                    //                    -- VV036: loai phong
                    //                    -- VV037: so phong
                    $j('.loaiphong').live('change',function(data){
                        var input = $j(this).parent().find('.loaiphong');
                        //var vn035 = $j(this).parent().parent().parent().find('.songuoi').text();
                        idcombox  = $j(this).val();
                        $j(this).parent().parent().parent().find('.songuoi').text(idcombox);
                        var vv037 = $j(this).parent().parent().parent().find('.sophong').val();
                        link  = $j(input).attr('lang')+$j(input).children('option:selected').val()+"&vn035="+idcombox+"&vv037="+vv037;
                        //                        alert(link);
                        var as = $j(this);
                        $j.post("actionCheckromfortour.jsp?action=updateCusRoom&"+link,function(data){
                            //                            $j(as).parent().addClass('displayinput');
                            //                             $j(as).addClass('btnDelLoaiPhong');
                            //                              $j(as).removeClass('btnLoaiPhong');
                            //                              $j(as).parent().find('.loaiphong').attr('readonly',true);
                            //                            $j(as).attr('src', '/kapi/images/delete_1.png');
                            if(data > 0){
                                alert("Phòng đã đủ người hoặc loại phòng không đúng");
                                return false;
                            }
                        });
                    });
                    //                    -- VN035: so nguoi
                    //                    -- VV036: loai phong
                    //                    -- VV037: so phong
                    $j('.btnSoPhong').live('click',function(data){
                        var input = $j(this).parent().find('.sophong');
                        var vn035 = $j(this).parent().parent().parent().find('.songuoi').text();
                        var vv036 = $j(this).parent().parent().parent().find('.loaiphong').children('option:selected').val();
                        link  = $j(input).attr('lang')+$j(input).val()+"&vn035="+vn035+"&vv036="+vv036;
                        //                       alert(link);
                        var as = $j(this);
                        $j.post("actionCheckromfortour.jsp?action=updateCusRoom&"+link,function(data){
                            if(data == 0){
                                $j(as).parent().addClass('displayinput');
                                $j(as).addClass('btnDelSoPhong');
                                $j(as).removeClass('btnSoPhong');
                                $j(as).parent().find('.sophong').attr('readonly',true);
                                $j(as).attr('src', '/kapi/images/delete_1.png'); 
                            }else{
                                alert("Phòng đã đủ người hoặc loại phòng không đúng");
                                return false;
                            }
                            
                        });
                    });
                    $j('.btnDelSoNguoi').live('click',function(){
                        $j(this).parent().removeClass('displayinput');
                        $j(this).addClass('btnSoNguoi');
                        $j(this).removeClass('btnDelSoNguoi');
                        $j(this).parent().find('.songuoi').removeAttr('readonly');
                        $j(this).attr('src', '/kapi/images/edit.png');
                    });
                   
                    $j('.btnDelSoPhong').live('click',function(){
                        $j(this).parent().removeClass('displayinput');
                        $j(this).addClass('btnSoPhong');
                        $j(this).removeClass('btnDelSoPhong');
                        $j(this).parent().find('.sophong').attr('readonly',false);
                        $j(this).attr('src', '/kapi/images/edit.png');
                        
                    });
                     
                    $j('.showhistory').live('click',function(){  
                        //   fc475 = $j(this).attr("lang");
                        pt950 = $j(this).attr("lang");
                        showPleaseWait();
                        $j('.showitemHistory').slideUp();  
                        $j('.showitemHistory').html('');
                        // alert($j(this).next().attr('class'));
                        if($j(this).parent().parent().parent().next().hasClass('active')){
                
                            $j('.showitemHistory').removeClass('active');
                        }else{

                            $j('.showitemHistory').removeClass('active');
                            $j(this).parent().parent().parent().next().addClass('active');
                            //$j(this).next().slideToggle();
                            object = $j(this).parent().parent().parent().next();
                            file = $j(this).attr('lang');
                            $j.post('listhistorycn.jsp?action=predebt&ft950='+pt950,function(data){    
                                if(data!=null)
                                {
                                    object.html(data);
                                    hidePleaseWait();
                                    object.slideDown();
                                }
                            });
                        }
                    
                    });
                     
                     
                    slide = gup( 'tab' );
                    if(slide != null && slide !=undefined && slide.length > 0){
               
                        //$j('.'+tab).parent().parent().parent().parent().parent('.tabs_menu').css('display','block');
                        $j('.'+slide).trigger('click') ;

                    }
                    $j(".input_songuoi").keydown(function (e) {
                        if (e.shiftKey) e.preventDefault();
                        else {
                            var nKeyCode = e.keyCode;
                            //Ignore Backspace and Tab keys
                            if (nKeyCode == 8 || nKeyCode == 9) return;
                            if (nKeyCode < 95) {
                                if (nKeyCode < 48 || nKeyCode > 57) e.preventDefault();
                            } else {
                                if (nKeyCode < 96 || nKeyCode > 105) e.preventDefault();
                            }
                        }
                    });
                    $j(".input_songuoi").focusout(function(data){
                        var test = $j(this).parent().find('.sophong');
                        var input = $j(this).parent().find('.sophong');
                        link = $j(input).attr('lang')+$j(test).val();
                        // alert("hello : " + link);
                        $j.post("actionCheckromfortour.jsp?action=checksophong&"+link,function(data){
                            if(data != 0){
                                // alert("Phong da du nguoi");
                                return false;
                            }else{
                                //alert("dung");
                                return true;
                            }
                        });
                    });
                    $j(".sendSMS1").live("click",function(data){
                    
                        $j( "#togglesms" ).show();
                        $j( "#togglesms" ).animate({height:'auto',opacity:'0.9'},"slow");
                        $j( "#togglesms" ).animate({width:'39%',opacity:'0.9'},"slow");
                        lang = $j(this).attr("lang");
                        $j.post("loaddatasmsTour.jsp?"+lang,function(data){
                            if(data!=null){
                                $j( "#togglesms" ).html(data);
                            }
                        });
                    });
                    $j(".checkngt1").live("click",function(data){
                        showPleaseWait();
                        lang = $j(this).attr("lang"); 
                      
                        vn062=1;
                        if($j(this).is(':checked')){
                            vn062 =2;
                        }else{
                            vn062 =1;
                        }
                        $j.post("customer4tour.jsp?"+lang+"&vn062="+vn062,function(data){
                            window.location=" customer4tour.jsp?status=T&action=delSS";
                            hidePleaseWait();
                        });
                    });
                    $j(".checkngt").live("click",function(data){
                        showPleaseWait();
                        lang = $j(this).attr("lang"); 
                      
                        vn062=1;
                        if($j(this).is(':checked')){
                            vn062 =2;
                        }else{
                            vn062 =1;
                        }
                        $j.post("customer4tour.jsp?"+lang+"&vn062="+vn062,function(data){
                            window.location=" customer4tour.jsp?status=T&action=delSS";
                            hidePleaseWait();
                        });
                    });
                    $j(".delSession").live("click",function(data){
                        $j.post("customer4tour.jsp?action=delSS",function(data){
                            window.location="customer4tour.jsp"
                        });
                    });
                    $j(".imgdd").live("click",function(data){
                        $j(this).prev().prev().css("display","none");
                        $j(this).prev().css("display","block");
                        $j(this).hide();
                        $j(this).next().css("display","block");
                    });
                    $j(".imgddd").live("click",function(data){
                        $j(this).hide();
                        $j(this).prev().show();
                        $j(this).prev().prev().css("display","none");
                        $j(this).prev().prev().prev().css("display","block");
                    });
                });
            </script>
        </head>


        <body>

            <div id="togglesms">

            </div>

            <a4j:form id="formV030">
                <h:inputHidden value="#{v030Controller.flagAcviteVisa}" id="flagActi" />
                <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" />
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
                <h:outputText value="<div class='permission' lang='#{loginSession.right.MNU_DKH_VIE}'></div>" escape="false"/>


                <div id="content">   
                    <div id="menutop_top">
                        <div class="div_search_menutop">
                            <div class="item_search">

                                <h:inputText onfocus="if(this.value=='search') this.value='';" style="float:left;" styleClass="text_search" value=""/>
                                <div style="float:left;border-top: 1px solid #55ACDB;border-bottom: 1px solid #55ACDB;" class="img_search"> <h:graphicImage style="float:left;" value="../images1/arrow_down.png"/></div>
                                <div style="float:left;border: 1px solid #55ACDB;"> <h:graphicImage styleClass="find_all_emp" style="float:left;" value="../images1/btn_search.png"/></div>
                            </div>

                        </div>



                        <div class="icon_action">
                            <h:panelGroup rendered="#{loginSession.right.DKH_LST_SMS}">
                                <img src="../images1/sms.png" class="displaySMS" style="cursor: pointer;" title="Xác nhận  SMS"/>
                            </h:panelGroup>
                        </div>

                        <div class="icon_action">
                            <h:panelGroup rendered="#{loginSession.right.DKH_LST_MAL}">                                    
                                <h:outputLink  value="popUpSendEmail.jsp?page=customer4tour&v050mail=#{v030Controller.FV050}&KeepThis=true&amp;TB_iframe=true&amp;height=653&amp;width=741&amp;modal=true" styleClass="thickbox" id="thickbox3"  >  
                                    <img src="../images1/email.png"  title="Gửi email từ khách hàng theo Tour"/>
                                </h:outputLink>
                            </h:panelGroup>
                        </div>
                        <div class="icon_action">
                            <h:panelGroup rendered="#{loginSession.right.DKH_LST_CRE}">
                                <h:outputLink  style="color: white" rendered="#{v030Controller.FV050 > 0}"  value="addv030.jsp?pv050=#{v030Controller.FV050}&KeepThis=true&amp;TB_iframe=true&amp;height=893&amp;width=741&amp;modal=true" styleClass="thickbox" id="thickbox2"  >
                                    <img src="../images1/add_per.png"  title="Thêm khách hàng vào tour"/>
                                </h:outputLink>   
                            </h:panelGroup>
                        </div>
                        <div class="icon_action">
                            <h:panelGroup id="deletecus" rendered="#{loginSession.right.DKH_LST_DEL }"> 
                                <div class="buttonsave">
                                    <h:outputLink style="color: white" value="delete.jsp?id=0&pn100C=#{v030Controller.FV050}&flag=DELETECUS&height=300px&width=400px" styleClass="fancybox add_new" id="fancyboxde">
                                        <h:graphicImage value="../images1/delall.png" title="Xóa hết" />
                                    </h:outputLink>
                                </div>
                            </h:panelGroup>
                        </div>
                        <div class="icon_action">
                            <h:panelGroup rendered="#{v030Controller.status=='T'}">
                                <a href="listTour.jsp?action=deleteSessionTour">
                                    <h:graphicImage value="../images1/back.png" title="Quay lại" />
                                </a>
                            </h:panelGroup>
                        </div>

                    </div>
                    <div id="menutop">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#"><span>Khu vực</span></a>
                            </div>
                            <div class="select_hidden">
                                <ul>

                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                </ul>
                            </div>
                        </div>
                        <h:panelGroup rendered="#{loginSession.right.DAB_LST_PAR}">
                            <div class="dropdown">
                                <div class="select_choise">
                                    <a href="#">
                                        <span class="department2" lang="<h:outputText value="#{n450_n850.fn850}"/>">
                                            <h:outputText rendered="#{n450_n850.fn850 !=0}" value="#{n450_n850.nv851}"/>
                                            <h:outputText rendered="#{n450_n850.fn850 ==0}" value="Tất cả"/>
                                        </span>
                                    </a>

                                </div>
                                <div class="select_hidden departmentlistN850">

                                    <ul>
                                        <li><a href="#"><span class="department3" lang="<h:outputText value="0"/>">
                                                    <h:outputText value="Tất cả"/>
                                                </span></a></li>                          


                                        <a4j:repeat value="#{n450_n850.listComb850}" var="item">
                                            <li><a href="#"><span class="department2" lang="<h:outputText value="#{item.value}"/>">
                                                        <h:outputText value="#{item.label}"/>
                                                    </span></a></li> 
                                                </a4j:repeat>
                                    </ul>
                                </div>
                            </div>
                        </h:panelGroup>

                    </div>
                    <div style="width: 100%;float: left;height: 67%;overflow: auto;">
                        <rich:tabPanel selectedTab="#{v030Controller.tabString}" switchType="ajax">

                            <rich:tab name="TABNTG" action="#{v030Controller.chooseTabntg}" label="NGƯỜI THAM GIA TOUR">
                                <h:panelGroup id="reload3" style="float:left;width:100%;">
                                    <div class="headerdivtable">
                                        <div class="itemheaderdivtable_center" style="width: 2%;">
                                            <h:outputText value="STT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="ACTION"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 1%;margin-top: 4px;">
                                            <h:selectBooleanCheckbox value="" styleClass="checkAll" />
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 10%;">
                                            <h:outputText value="HỌ TÊN" />
                                        </div>
                                        <%--  <div class="itemheaderdivtable_center" style="width: 6%;">
                                              <h:outputText value="XÉT DUYỆT"/>
                                          </div> --%>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="SINH NHẬT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="GIỚI TÍNH"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 8%;">
                                            <h:outputText value="NƠI SINH"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="HÔN NHÂN"/>
                                        </div>

                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="CMND" />
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="PASSPORT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="NGÀY CẤP PP"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width:6%;">
                                            <h:outputText value="HẾT HẠN"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="MOBILE"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 10%;">
                                            <h:outputText value="NGHỀ NGHIỆP"/>
                                        </div>
                                    </div>
                                    <div class="headerdivtable_over">

                                        <a4j:repeat value="#{v030Controller.list}" var="cus" rowKeyVar="index" rows="5000" id="listvisa">
                                            <div class="noteRow headerdivtable_bootom <h:outputText rendered="#{index%2 !=0}"  value="headerdivtable_tr"/>">
                                                <div class="itemheaderdivtable_center " style="width: 2%;color:#0055A6;">
                                                    <h:outputText value="#{index+1}"/>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 6%;">
                                                    <a4j:commandLink styleClass="no-decor" reRender="confirmPane"  oncomplete="#{rich:component('confirmPane')}.show()">
                                                        <h:graphicImage value="/images/delete_1.png" alt="delete" />
                                                        <f:param value="deleteV030" name="action"/>

                                                        <f:param name="idV030" value="#{cus.pn100}"/>
                                                        <f:param name="idV050" value="#{v030Controller.FV050}"/>
                                                    </a4j:commandLink>
                                                    <h:outputLink style="margin-top: 5px;"  value="uploadfile.jsp?page=customer4tour.jsp&pn100=#{cus.pn100}&fv050=#{cus.fv050}&fv051=#{cus.vv051}&table=V030&KeepThis=true&amp;TB_iframe=true&amp;height=350&amp;width=550&amp;modal=true" styleClass="thickbox add_new">
                                                        <img  src="../images/docs_icon.png" height="15px;" width="15px;" title="Add document"/> 
                                                    </h:outputLink>
                                                    <h:outputLink   value="documentViewCustomerforTour.jsp?action=document&pv050=#{cus.fv050}&pn100=#{cus.pn100}&height=282px&width=345px" styleClass="fancybox add_new" id="fancybox4">
                                                        <img src="../images/eye.png" alt="View"  title="View" />
                                                    </h:outputLink>

                                                    <%-- <h:outputLink   value="inputforCustomer4Tour.jsp?action=addticket&pv050=#{cus.fv050}&pn100=#{cus.pn100}&vv031=#{cus.vv031}&vn033=#{cus.vn033St}&height=300px&width=400px" styleClass="fancybox add_new" id="fancybox5">
                                                         <img src="../images/add_tab.png" alt="View"  title="View" />
                                                     </h:outputLink> --%>

                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 1%;margin-top: 4px;">
                                                    <h:selectBooleanCheckbox value="#{cus.selected}" styleClass="check_select" lang="#{cus.pn100}"/>


                                                </div>
                                                <div class="itemheaderdivtable_left graphic" style="width: 10%;">

                                                    <div class="hoverClass" style="">
                                                        <h:panelGroup rendered="#{cus.fn600==2}">
                                                            <h:outputLink value="customer.jsp?action=linkCus&pnPN100=#{cus.pn100}&type=#{cus.ni104}"><h:outputText rendered="#{cus.vn062==0}"  value="#{cus.hoten}" /> <h:outputText rendered="#{cus.vn062==2}" style="font-weight:bold;font-size:14px;color:DarkGreen" value="#{cus.hoten}" /> <h:outputText rendered="#{cus.vn062==1}" style="font-weight:bold;font-size:14px;" value="#{cus.hoten}" /></h:outputLink>

                                                        </h:panelGroup>
                                                        <h:panelGroup rendered="#{cus.fn600==1}">
                                                            <h:outputLink  style="color:#E2CC3D;font-weight:bold;" value="employee.jsp?action=linkEmp&pnPN100=#{cus.pn100}"><h:outputText rendered="#{cus.vn062==0}"  value="#{cus.hoten}" /><h:outputText rendered="#{cus.vn062==2}" style="font-weight:bold;font-size:14px;color:DarkGreen" value="#{cus.hoten}" /> <h:outputText rendered="#{cus.vn062==1}" style="font-weight:bold;" value="#{cus.hoten}" /></h:outputLink>

                                                        </h:panelGroup>
                                                        <h:panelGroup rendered="#{cus.fn600==0}">
                                                            <h:outputLink style="color:#E2CC3D;font-weight:bold;"  value="employee.jsp?action=linkEmp&pnPN100=#{cus.pn100}"> 
                                                                <h:outputText  value="#{cus.hoten}" /></h:outputLink>
                                                        </h:panelGroup>                                                               
                                                    </div>


                                                </div>

                                                <div class="itemheaderdivtable_center" style="width: 6%;">
                                                    <h:outputText value="#{cus.nd118}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                    </div>
                                                    <div class="itemheaderdivtable_center" style="width: 6%;">
                                                    <h:outputText value="#{cus.nv107}"></h:outputText>
                                                    </div>
                                                    <div class="itemheaderdivtable_center" style="width: 8%;">
                                                    <h:outputText  value="#{cus.nv123}"/>
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width: 6%;">
                                                    Hôn nhân
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width: 6%;">
                                                    <h:outputText value="#{cus.nv351}" styleClass="vn033out" />
                                                </div>

                                                <div class="itemheaderdivtable_center " style="width: 6%;">
                                                    <h:outputText value="#{cus.nv351p}" styleClass="vn033out" />
                                                </div>
                                                <div  class="itemheaderdivtable_left " style="width: 6%;">
                                                    <h:outputText value="#{cus.nd352}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                    </div>
                                                    <div class="itemheaderdivtable_left " style="width: 6%;">
                                                    <h:outputText value="#{cus.nd353}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                    </div>

                                                    <div class="itemheaderdivtable_center " style="width: 6%;">
                                                    <h:outputLink value="sendSMS.jsp?height=453&amp;width=741&amp;modal=true&action=sendSMS&redirect=customer4tour&hoten=#{cus.hoten}&mv306=#{cus.vv051}&pn100=#{cus.pn100}&phone=#{cus.nv958}" styleClass="fancybox">
                                                        <h:outputText style="font-weight:bold;color:#4884B5" value="#{cus.nv121}" styleClass="phone" lang="#{cus.nv121}"/>
                                                    </h:outputLink>
                                                </div>
                                                <div  class="itemheaderdivtable_left " style="width: 10%;">
                                                    <h:outputText value="#{cus.vv040}" />
                                                </div>


                                            </div>
                                            <div class="noteContent">

                                            </div>
                                        </a4j:repeat>
                                    </div>
                                </h:panelGroup>
                            </rich:tab>
                            <rich:tab name="TABNDD" action="#{v030Controller.chooseTabndd}" label="ĐẠI DIỆN">
                                <h:panelGroup id="reload12" style="float:left;width:100%;">
                                    <div style="float:left;width:100%;">
                                        <div style="float: left;border: 1px solid #666666;width: 5%;background-color: #506579;color: #fff;">
                                            <h:outputText style="float:left;line-height:25px;margin-left:7%;font-size:10px" value="Đại diện"/>
                                        </div>
                                        <div style="float: left;border: 1px solid #666666;width: 2%;background-color: #506579;color: #fff;" >
                                            <h:outputLink  style="color: white" rendered="#{v030Controller.FV050 > 0}"  value="addpersonalDD.jsp?pv050=#{v030Controller.FV050}&KeepThis=true&amp;TB_iframe=true&amp;height=893&amp;width=741&amp;modal=true" styleClass="fancybox"  >
                                                <h:outputText style="float:left;line-height:25px;margin-left:21%;font-size:25px;color:white;" value="+"/>
                                            </h:outputLink>   


                                        </div>

                                    </div> 
                                    <div style="width: 100% !important;float:left;">

                                        <table>
                                            <tr>
                                                <td class="democolumn" style="width: 2%"><h:outputText value="STT"/></td>                                        
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Action"/></td>
                                                <td class="democolumn" style="width: 2%"> <h:selectBooleanCheckbox value="" styleClass="checkAllDD" /></td> 
                                                <td class="democolumn" style="width: 12%"><h:outputText value="Họ tên" escape="false"/>

                                                </td>
                                                <td class="democolumn" style="width: 2%"><h:outputText value="GT"/>

                                                </td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Sinh nhật"/></td>
                                                <td class="democolumn" style="width: 8%"><h:outputText value="Giới tính" /></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Nơi sinh"/></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Tình trạng hôn nhân" /></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="CMND"/></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Passport"/></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText  value="Ngày cấp PP"/></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Hết hạn"/></td>
                                                <td class="democolumn" style="width: 6%"><h:outputText value="Mobile"/></td>

                                                <td class="democolumn" style="width: 6%"><h:outputText value="Nghề nghiệp"/></td>
                                            </tr>

                                            <a4j:repeat value="#{v030Controller.listpersonalDD}" var="cus" rowKeyVar="index" >
                                                <tr class="noteRow" lang="<h:outputText value="#{item.bv631} - #{item.hoten}"/>">
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                        <h:outputText value="#{index+1}"/>
                                                    </td>

                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 6%;">
                                                        <a4j:commandLink styleClass="no-decor" reRender="confirmPane"  oncomplete="#{rich:component('confirmPane')}.show()">
                                                            <h:graphicImage value="/images/delete_1.png" alt="delete" />
                                                            <f:param value="deleteV030" name="action"/>

                                                            <f:param name="idV030" value="#{cus.pn100}"/>
                                                            <f:param name="idV050" value="#{v030Controller.FV050}"/>
                                                        </a4j:commandLink>
                                                        <h:outputLink style="margin-top: 5px;"  value="uploadfile.jsp?page=customer4tour.jsp&pn100=#{cus.pn100}&fv050=#{cus.fv050}&fv051=#{cus.vv051}&table=V030&KeepThis=true&amp;TB_iframe=true&amp;height=350&amp;width=550&amp;modal=true" styleClass="thickbox add_new">
                                                            <img  src="../images/docs_icon.png" height="15px;" width="15px;" title="Add document"/> 
                                                        </h:outputLink>
                                                        <h:outputLink   value="documentViewCustomerforTour.jsp?action=document&pv050=#{cus.fv050}&pn100=#{cus.pn100}&height=282px&width=345px" styleClass="fancybox add_new" id="fancybox4">
                                                            <img src="../images/eye.png" alt="View"  title="View" />
                                                        </h:outputLink>

                                                        <%-- <h:outputLink   value="inputforCustomer4Tour.jsp?action=addticket&pv050=#{cus.fv050}&pn100=#{cus.pn100}&vv031=#{cus.vv031}&vn033=#{cus.vn033St}&height=300px&width=400px" styleClass="fancybox add_new" id="fancybox5">
                                                             <img src="../images/add_tab.png" alt="View"  title="View" />
                                                         </h:outputLink> --%>

                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 2%">
                                                        <h:selectBooleanCheckbox value="#{cus.selected}" styleClass="check_select" lang="#{cus.pn100}">

                                                        </h:selectBooleanCheckbox>
                                                    </td>

                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="width: 12%;">
                                                        <div class="hoverClass" style="width:90%;float:left;"><h:panelGroup rendered="#{cus.fn600==2}">
                                                                <h:outputLink value="customer.jsp?action=linkCus&pnPN100=#{cus.pn100}&type=#{cus.ni104}">  <h:outputText rendered="#{cus.vn062==2}" style="color:DarkGreen" value="#{cus.hoten}" /> <h:outputText rendered="#{cus.vn062==1}" value="#{cus.hoten}" /></h:outputLink>

                                                            </h:panelGroup>
                                                            <h:panelGroup rendered="#{cus.fn600==1}">
                                                                <h:outputLink  style="color:#E2CC3D;font-weight:bold;" value="employee.jsp?action=linkEmp&pnPN100=#{cus.pn100}"> <h:outputText  value="#{cus.hoten}"/></h:outputLink>

                                                            </h:panelGroup>
                                                            <h:panelGroup rendered="#{cus.fn600==0}"><h:outputLink style="color:#E2CC3D;font-weight:bold;"  value="employee.jsp?action=linkEmp&pnPN100=#{cus.pn100}"> <h:outputText  value="#{cus.hoten}" /></h:outputLink></h:panelGroup>                                                               
                                                                </div>
                                                                <div class="choosetab" style="width:90%;float:left;">
                                                            <h:selectOneMenu value="#{v030Controller.pn100}">
                                                                <f:selectItem itemValue="0" itemLabel="------------"/>
                                                                <f:selectItems value="#{v030Controller.combV030New}"/>

                                                                <f:selectItem itemValue="0" itemLabel="Other"/>
                                                                <a4j:support event="onchange" reRender="reload3" actionListener="#{v030Controller.onchangecolor1}"></a4j:support>
                                                            </h:selectOneMenu>
                                                        </div>
                                                        <div class="imgdd" style="width:10%;float:left;cursor: pointer;">
                                                            <h:graphicImage styleClass="imgtourdd" value="../images/icon11.png"/>
                                                        </div>
                                                        <div class="imgddd" style="width:10%;float:left;cursor: pointer;">
                                                            <h:graphicImage styleClass="imgtourddd" value="../images/icon11.png"/>
                                                        </div>
                                                    </td>

                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 2%"> 
                                                        <h:selectBooleanCheckbox value="#{cus.checkngt4tour}" style="margin-left:5px;" styleClass="checkngt" title="Người giới thiệu"  lang="action=checkpersonalDD&pn100=#{cus.pn100}&fv050=#{v030Controller.FV050}">

                                                        </h:selectBooleanCheckbox>
                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 6%">
                                                        <h:outputText value="#{cus.nd118}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="width: 8%">
                                                        <div style="text-align: center;width: 100%;">
                                                            <h:outputText value="#{cus.nv107}"></h:outputText>

                                                            </div>

                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 6%">
                                                        <h:outputText  value="#{cus.nv123}"/>

                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 6%">
                                                        Hôn nhân
                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width:6%">
                                                        <h:outputText value="#{cus.nv351}" styleClass="vn033out" />
                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 6%">
                                                        <h:outputText value="#{cus.nv351p}" styleClass="vn033out" />
                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 6%">
                                                        <h:outputText value="#{cus.nd352}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width:6%">
                                                        <h:outputText value="#{cus.nd353}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width:8%">
                                                        <div style="text-align: center;width: 100%;">
                                                            <h:outputLink value="sendSMS.jsp?height=453&amp;width=741&amp;modal=true&action=sendSMS&redirect=customer4tour&hoten=#{cus.hoten}&mv306=#{cus.vv051}&pn100=#{cus.pn100}&phone=#{cus.nv958}" styleClass="fancybox">
                                                                <h:outputText style="font-weight:bold;color:#4884B5" value="#{cus.nv121}" styleClass="phone" lang="#{cus.nv121}"/>
                                                            </h:outputLink>
                                                        </div>
                                                    </td>
                                                    <td class="democolumn2 <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width:6%">
                                                        <h:outputText value="#{cus.vv040}" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="12">
                                                        <h:panelGroup rendered="#{index%2 !=0}" id="his_detail1" styleClass="noteContent odd"  >
                                                        </h:panelGroup>
                                                        <h:panelGroup rendered="#{index%2 ==0}" styleClass="noteContent" >
                                                        </h:panelGroup>
                                                    </td>
                                                </tr>
                                            </a4j:repeat>
                                        </table>
                                    </div>
                                </h:panelGroup>
                            </rich:tab>

                            <rich:tab name="TABVISA" action="#{v030Controller.chooseTabvisa}" label="THỦ TỤC VISA">
                                <h:panelGroup id="reload4" style="float:left;width:100%;">
                                    <div style="width: 100% !important;">
                                        <%--            <div style="float:left;width:100%;background-color: #4884B5; <h:outputText rendered="#{v030Controller.flagAcviteVisa==0}" value="display:none"/>">

                                                    <div style="float: left;border: 1px solid #666666;width: 5%;background-color: #506579;color: #fff;">
                                                        <h:outputText style="float:left;line-height:25px;margin-left:7%;font-size:10px" value="ACTIVE"/>

                                                    </div>
                                                    <div style="float: left;border: 1px solid #666666;width: 2%;background-color: #506579;color: #fff;" >
                                                        <a4j:commandLink styleClass="no-decor" reRender="confirmPaneVS"  oncomplete="#{rich:component('confirmPaneVS')}.show()">
                                                            <h:outputText style="float:left;line-height:25px;margin-left:21%;font-size:25px;color:white;" value="+"/>
                                                            <f:param value="activeV030" name="action"/>
                                                            <f:param name="idV050" value="#{v030Controller.FV050}"/>
                                                        </a4j:commandLink>

                                                    </div>

                                                </div>  --%>

                                        <a4j:repeat value="#{v030Controller.listVisa}" var="cus" rowKeyVar="index" rows="5000">
                                            <div  style=" height: 30px;border: 1px solid #EEEBE6; width: 99.8%;margin-bottom: 3px;float:left;position: relative; <h:outputText rendered="#{index%2!=0}" value="background-color: #fff;"/><h:outputText rendered="#{index%2==0}" value="background-color: #E0EFFC;"/>  ">
                                                <h:selectBooleanCheckbox value="" style="float:left" styleClass="cbk_visa"/> 
                                                <div class="itemvisa upitem<h:outputText value="#{cus.pn100}"/>" lang="<h:outputText value="fc475=#{cus.fc475}&pn100=#{cus.pn100}"/>">

                                                    <h:outputText styleClass="nameperVisa" value="#{cus.hoten}"/>
                                                    <h:graphicImage value="../images/compelete.png"/>

                                                </div>
                                                <div style="float:left;line-height: 30px;width: 10%;"><h:outputText value="Tình trạng"/>: <h:outputText rendered="#{cus.vv044 =='O'}" value="Đang mở"/> <h:outputText rendered="#{cus.vv044 =='F'}" value="Hoàn thành"/></div>
                                                <div class="itemcreate"><h:outputText value="Người chịu TN"/>: <h:outputText value="#{cus.vv045}"/></div>
                                                <div class="itemdeadline"><h:outputText value="Deadline"/>: <h:outputText value="#{cus.vd048}"><f:convertDateTime pattern="dd/MM/yyyy"/> </h:outputText></div>
                                                <div class="itemtime"><h:outputText value="Thời gian tạo"/>: <h:outputText value="#{cus.vd047}"><f:convertDateTime pattern="dd/MM/yyyy"/> </h:outputText></div>
                                                    <div class="itemaction">
                                                    <a4j:commandLink styleClass="no-decor" reRender="confirmPane"  oncomplete="#{rich:component('confirmPane')}.show()">
                                                        <h:graphicImage value="/images/delete_1.png" alt="delete" />
                                                        <f:param value="deleteV030" name="action"/>

                                                        <f:param name="idV030" value="#{cus.pn100}"/>
                                                        <f:param name="idV050" value="#{v030Controller.FV050}"/>
                                                    </a4j:commandLink>
                                                </div>
                                            </div>
                                            <div class="showitemVisa"></div>
                                        </a4j:repeat>

                                    </div>
                                </h:panelGroup>
                            </rich:tab>

                            <rich:tab name="TABPC" action="#{v030Controller.chooseTabpc}" label="PHÒNG ỐC">
                                <h:panelGroup id="reload6" style="float:left;width:100%;">
                                    <div style="width: 100% !important;">
                                        <div style="float:left;width:100%;">
                                            <div style="float: left;border: 1px solid #666666;width: 5%;background-color: #506579;color: #fff;">
                                                <h:outputText style="float:left;line-height:25px;margin-left:7%;font-size:10px" value="THIẾT LẬP"/>
                                            </div>
                                            <div style="float: left;border: 1px solid #666666;width: 2%;background-color: #506579;color: #fff;">
                                                <h:outputLink  style="color: #000000;"  value="addV030forRoom.jsp?action=getlistforRoom&pv050=#{v030Controller.FV050}&height=893&width=741" styleClass="fancybox add_new" id="fancybox123"  >
                                                    <h:outputText style="float:left;line-height:25px;margin-left:21%;font-size:25px;color:white;" value="+"/>
                                                </h:outputLink>
                                            </div>  
                                        </div> 
                                        <div style="float:left;width:100%;">
                                            <table>
                                                <tr>
                                                    <td class="democolumn" style="width: 3%"><h:outputText value="STT"/></td>                                        
                                                    <td class="democolumn" style="width: 3%"><h:selectBooleanCheckbox styleClass="checkAllPC" value=""/></td>
                                                    <td class="democolumn" style="width: 3%"><h:outputText value="Action"/></td>
                                                    <td class="democolumn" style="width: 10%"><h:outputText value="Họ tên"/></td>
                                                    <td class="democolumn" style="width: 6%"><h:outputText value="Số người" /></td>
                                                    <td class="democolumn" style="width: 6%"><h:outputText value="Số phòng" /></td>
                                                    <td class="democolumn" style="width: 8%"><h:outputText value="Loại phòng" /></td>
                                                    <td class="democolumn" style="width: 12%"><h:outputText value="Ngày bắt đầu" /></td>
                                                    <td class="democolumn" style="width: 12%"><h:outputText value="Ngày kết thúc" /></td>
                                                    <td class="democolumn" style="width: 12%"><h:outputText value="Người cập nhật" /></td>
                                                </tr>
                                                <a4j:repeat value="#{v030Controller.listV030Room}" var="cus" rowKeyVar="row" rows="5000">
                                                    <tr class="noteRow">
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <h:outputText value="#{row+1}"/>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <h:selectBooleanCheckbox styleClass="checkPC" lang="#{cus.pn100}" value=""/>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <a4j:commandLink styleClass="no-decor" reRender="confirmPaneRoom"  oncomplete="#{rich:component('confirmPaneRoom')}.show()">
                                                                <h:graphicImage value="/images/delete_1.png" alt="delete" />
                                                                <f:param value="deleteV030Room" name="action"/>
                                                                <%--   <f:param value="#{cus.fv050}" name="fv050"/> --%>
                                                                <f:param value="#{cus.pn100}" name="fn100"/>
                                                            </a4j:commandLink>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: left; width: 2%; ">
                                                            <h:panelGroup rendered="#{cus.fn600==2}"><h:outputLink value="customer.jsp?action=linkCus&pnPN100=#{cus.pn100}&type=0"> <h:outputText value="#{cus.hoten}" /></h:outputLink></h:panelGroup>
                                                            <h:panelGroup rendered="#{cus.fn600==1}"><h:outputLink style="color:#E2CC3D;font-weight:bold;" value="employee.jsp?action=linkEmp&pnPN100=#{cus.pn100}"> <h:outputText  value="#{cus.hoten}" lang="#{cus.pn100}" styleClass="IDPn100"/></h:outputLink></h:panelGroup>
                                                            <h:panelGroup rendered="#{cus.fn600==0}"><h:outputLink style="color:#E2CC3D;font-weight:bold;"  value="employee.jsp?action=linkEmp&pnPN100=#{cus.pn100}"> <h:outputText  value="#{cus.hoten}" lang="#{cus.pn100}" styleClass="IDPn100"/></h:outputLink></h:panelGroup>                                                               

                                                                </td>

                                                                <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <div style="float: left;width: 100%;text-align: center;"  class="<h:outputText value="displayinput" rendered="#{cus.vn035 !=0}"/>">
                                                                <h:outputText value="#{cus.vn035}" lang="#{cus.vn035}"  styleClass="songuoi" /> 
                                                            </div>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <div style="text-align: center;width:100%;" class="<h:outputText value="displayinput" rendered="#{cus.vv037!=null}"/>">

                                                                <h:inputText value="#{cus.vv037}" lang="fv050=#{v030Controller.FV050}&pn100=#{cus.pn100}&vv037=" styleClass="input_songuoi sophong " rendered="#{cus.vv037 == null}"/>
                                                                <h:inputText value="#{cus.vv037}" readonly="true" lang="fv050=#{v030Controller.FV050}&pn100=#{cus.pn100}&vv037=" styleClass="input_songuoi sophong " rendered="#{cus.vv037 != null}"/> 
                                                                <h:graphicImage value="/images/edit.png" alt="edit" styleClass="btnSoPhong roombtn" rendered="#{cus.vv037== null}"/>
                                                                <h:graphicImage value="/images/delete_1.png" alt="delete" styleClass="btnDelSoPhong roombtn" rendered="#{cus.vv037 != null}"/>
                                                            </div>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <div style="text-align: center;width: 100%;">
                                                                <h:selectOneMenu styleClass="cbxloaiphong loaiphong" value="#{cus.vv036}" lang="fv050=#{v030Controller.FV050}&pn100=#{cus.pn100}&vv036=" >
                                                                    <f:selectItem itemLabel="-------------" itemValue="0"/> 
                                                                    <f:selectItem itemLabel="TWN" itemValue="1"/>    
                                                                    <f:selectItem itemLabel="DBN" itemValue="2"/>    
                                                                    <f:selectItem itemLabel="DSU" itemValue="3"/>    
                                                                    <f:selectItem itemLabel="TRP" itemValue="4"/> 
                                                                    <f:selectItem itemLabel="TWNF" itemValue="5"/> 
                                                                </h:selectOneMenu>

                                                            </div>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <h:outputText value="#{v030Controller.ngaybatdau}"/>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <h:outputText value="#{v030Controller.ngayketthuc}"/>
                                                        </td>
                                                        <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; ">
                                                            <h:outputText value="#{cus.vv038}"/>
                                                        </td>
                                                    </tr>
                                                </a4j:repeat>
                                            </table>

                                        </div>

                                    </h:panelGroup>
                                    <div class="thongke">
                                        <table>
                                            <tr>
                                                <td style="height: 15px" colspan="3">

                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="text-align: right">
                                                    <h:outputLabel value="Tổng số người tham gia tour"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value=":"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value="#{v030Controller.tongsonguoi}" styleClass="NBphong"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="height: 5px" colspan="3">

                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="background-color: #E0EFFC; text-align: right">
                                                    <h:outputLabel value="Tông số phòng được đăng ký"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value=":"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value="#{v030Controller.tongsophongDK}" styleClass="NBphong"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="height: 5px" colspan="3">

                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="background-color: #E0EFFC; text-align: right">
                                                    <h:outputLabel value="Tông số người chưa có phòng"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value=":"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value="#{v030Controller.tongsonguoiKP}" styleClass="NBphong"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="height: 5px" colspan="3">

                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="background-color: #E0EFFC; text-align: right">
                                                    <h:outputLabel value="Tông số người đã có phòng"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value=":"/>
                                                </td>
                                                <td>
                                                    <h:outputLabel value="#{v030Controller.tongsonguoiCP}" styleClass="NBphong"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="height: 5px" colspan="3">

                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </rich:tab>
                                <rich:tab name="TABBUS" action="#{v030Controller.chooseTabbus}" label="XE BUS">
                                    Here is tab #3
                                </rich:tab>

                                <rich:tab name="TABHK" action="#{v030Controller.chooseTabkh}" label="HÀNG KHÔNG">
                                    <h:panelGroup id="reload5" style="float:left;width:100%;">
                                        <div style="width: 100% !important;">
                                            <div style="float:left;width:100%;background-color: #4884B5;">
                                                <div style="float: left;border: 1px solid #666666;width: 5%;background-color: #506579;color: #fff;">
                                                    <h:outputText style="float:left;line-height:25px;margin-left:7%;font-size:10px" value="THIẾT LẬP"/>
                                                </div>
                                                <div style="float: left;border: 1px solid #666666;width: 2%;background-color: #506579;color: #fff;">
                                                    <h:outputLink  style="color: #000000;"  value="inputforCustomer4tourCreategroup.jsp?action=addpersonalforTour&pv050=#{v030Controller.FV050}&height=893&width=741" styleClass="fancybox add_new" id="fancybox12"  >
                                                        <h:outputText style="float:left;line-height:25px;margin-left:21%;font-size:25px;color:white;" value="+"/>
                                                    </h:outputLink>

                                                </div>  
                                            </div> 
                                            <div style="float:left;width:100%;">

                                            </div> 
                                            <a4j:repeat value="#{v150Controller.listoftabV150}" var="item">                                                                               
                                                <div style="<h:outputText value="background-color: #E0EFFC;"/>height: 30px;border: 1px solid #EEEBE6; width: 99.8%;margin-bottom: 3px;float:left;">
                                                    <div class="itemvisaHK upheader<h:outputText value="#{v030Controller.FV050}"/>" lang="<h:outputText value="fv150=#{item.pv150}&fv050=#{v030Controller.FV050}"/>">
                                                        <h:outputText styleClass="nameperVisa" value="#{item.vv153}"/>
                                                        <div class="upitemHK upheader<h:outputText value="#{item.pv150}"/>" lang="<h:outputText value="#{v030Controller.FV050}"/>"> 
                                                            <%--                                <h:graphicImage value="../images/up1.png"/>--%> </div> 
                                                            <h:graphicImage value="../images/compelete.png"/>

                                                    </div>
                                                    <div class="itemstart">
                                                        <div class="itemhk1"><h:graphicImage value="../images/hangkhong.png" title="Hàng không"/><h:outputText value="#{item.vv151}"/></div>
                                                        <div class="itemhk2"><h:graphicImage value="../images/sohieu.png" title="Số hiệu"/> <h:outputText value="#{item.vv152}"/></div>
                                                        <div class="itemhk4"><h:graphicImage value="../images/noidi.png" title="Nơi đi"/> <h:outputText value="#{item.vv154}"/></div>
                                                        <div class="itemhk5"><h:graphicImage value="../images/dongho.png" title="Ngày đi"/> <h:outputText value="#{item.vd155}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>-<h:outputText value="#{item.vn156}:#{item.vn157}"/></div>
                                                        <div class="itemhk6"><h:graphicImage value="../images/dongho.png" title="Ngày về"/> <h:outputText value="#{item.vd158}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>-<h:outputText value="#{item.vn159}:#{item.vn160}"/></div>
                                                        </div> 
                                                        <div class="itemend">
                                                            <div class="itemhk7"><h:graphicImage value="../images/sohieu.png" title="Số hiệu chuyến bay về"/> <h:outputText value="#{item.vv161}"/></div>
                                                        <div class="itemhk8"><h:graphicImage value="../images/noidi.png" title="Nơi khởi hành về"/> <h:outputText value="#{item.vv162}"/></div>
                                                        <div class="itemhk9"><h:graphicImage value="../images/noitoi.png" title="Nơi tới"/> <h:outputText value="#{item.vv164}"/></div>
                                                        <div class="itemhk11"><h:graphicImage value="../images/dongho.png" title="Ngày đi"/> <h:outputText value="#{item.vd165}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>-<h:outputText value="#{item.vn166}:#{item.vn167}"/></div>
                                                        <div class="itemhk12"><h:graphicImage value="../images/dongho.png" title="Ngày về"/> <h:outputText value="#{item.vd168}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>-<h:outputText value="#{item.vn169}:#{item.vn170}"/></div>
                                                            <div class="itemhk10">
                                                            <a4j:commandLink styleClass="no-decor" reRender="confirmPaneV150"  oncomplete="#{rich:component('confirmPaneV150')}.show()">
                                                                <h:graphicImage value="/images/delete_1.png" alt="delete" />
                                                                <f:param value="deleteV150" name="action"/>

                                                                <f:param name="pv150" value="#{item.pv150}"/>
                                                            </a4j:commandLink>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="showitemVisa"></div>
                                            </a4j:repeat>
                                        </div>
                                    </h:panelGroup>
                                </rich:tab>

                                <rich:tab name="TABCN" action="#{v030Controller.chooseTabcn}" label="CÔNG NỢ">
                                    <div class="headerdivtable">
                                        <div class="itemheaderdivtable_center" style="width: 2%;">
                                            <h:outputText value="STT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 3%;">
                                            <h:outputText value="CHI TIẾT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 4%;">
                                            <h:outputText value="MORE"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="CHỨC NĂNG" />
                                        </div>
                                        <%--  <div class="itemheaderdivtable_center" style="width: 6%;">
                                              <h:outputText value="XÉT DUYỆT"/>
                                          </div> --%>
                                        <div class="itemheaderdivtable_center" style="width: 4%;">
                                            <h:outputText value="GIẢM GIÁ"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 5%;">
                                            <h:outputText value="THANH TOÁN"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 4%;">
                                            <h:outputText value="PRINT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 13.2%;">
                                            <h:outputText value="HỌ TÊN"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="CODE TOUR"/>
                                        </div>

                                        <div class="itemheaderdivtable_center" style="width: 5%;">
                                            <h:outputText value="TIỀN TỆ" />
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="SỐ TIỀN"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 8%;">
                                            <h:outputText value="GIẢMGIÁ(%) "/>
                                        </div>

                                        <div  class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="ĐÃ THU" />
                                        </div>

                                        <%-- <div class="itemheaderdivtable_center" style="width: 8%;">
                                        <h:outputText value="STATUS"/>
                                    </div> --%>
                                        <div class="itemheaderdivtable_center" style="width:6%;">
                                            <h:outputText  value="CÒN THIẾU"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width:8%;">
                                            <h:outputText  value="VAT(%)"/>
                                        </div>

                                        <div class="itemheaderdivtable_center" style="width:8%;">
                                            <h:outputText  value="CHI PHÍ KHÁC"/>
                                        </div>
                                        <%--  <div class="itemheaderdivtable_center" style="width:6%;">
                                              <h:outputText  value="DETAIL"/>
                                          </div>
                                             <div class="itemheaderdivtable_left" style="width: 6%;">
                                                 <h:outputText value="KIỂM TRA"/>
                                             </div>
                                             <div class="itemheaderdivtable_left" style="width: 6%;">
                                                 <h:outputText value="XÁC NHẬN"/>
                                             </div>
                                             <div class="itemheaderdivtable_left" style="width: 8%;">
                                                 <h:outputText value="NGƯỜI LẬP"/>
                                             </div> --%>
                                    </div>

                                    <div class="headerdivtable_over">
                                        <a4j:repeat  value="#{T950Bean.listT950forTour}" var="item" rowKeyVar="index">    
                                            <div class="noteRow headerdivtable_bootom <h:outputText rendered="#{index%2 !=0}"  value="headerdivtable_tr"/>">
                                                <div class="itemheaderdivtable_center " style="width: 2%;color:#0055A6;">
                                                    <h:outputText style="font-weight:bold;" value="#{index+1}" >
                                                        <f:convertNumber  pattern="##000"></f:convertNumber>
                                                    </h:outputText>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 3%;">

                                                    <div style="cursor: pointer;">
                                                        <h:graphicImage styleClass="showhistory upitemtory#{item.pt950}" lang="#{item.pt950}"  title="Xem đợt thanh toán" value="../images/history.png"/>
                                                    </div>

                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 4%;">


                                                    <div class="viewfo">More
                                                        <div class="itemviewfo" style="display: none;color:#fff;text-align: left;">
                                                            <div style="float:left;width: 100%">Ngày xác nhận : <h:outputText value="#{item.td966}"></h:outputText>--<h:outputText value="#{item.tv967}"/>  </div>
                                                            <div style="float:left;width: 100%">Ngày kiểm duyệt : <h:outputText value="#{item.td964}"></h:outputText>--<h:outputText value="#{item.tv965}"/> </div>
                                                            <div style="float:left;width: 100%">Ngày lập phiếu :<h:outputText value="#{item.td953}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText> </div>
                                                                <div style="float:left;width: 100%">Mục đích : Thu tiền người tham gia Tour</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="itemheaderdivtable_center graphic" style="width: 6%;">
                                                    <h:outputLink    value="adddebt.jsp?action=editchildPt950&pt950=#{item.pt950}&fn100=#{item.fn100}&fv050=#{item.fv050}&height=282px&width=345px" styleClass="fancybox">
                                                        <img src="../images/edit.png" alt="edit" title="edit"/>
                                                    </h:outputLink>

                                                    <h:outputLink  value="deleteFinancial.jsp?action=delete&pt950=#{item.pt950}&height=282px&width=345px" styleClass="fancybox ">
                                                        <img src="../images/delete_1.png" alt="delete"  title="delete" />
                                                    </h:outputLink>   

                                                    <h:outputLink rendered="#{item.tv965==null}" value="confirm.jsp?pt950=#{item.pt950}&table=flau&page=debt.jsp&height=150px&width=300px" styleClass="fancybox" >
                                                        <img  src="../images/check_alt.png"    title="Kiểm duyệt" />                                               
                                                    </h:outputLink>
                                                    <h:panelGroup rendered="#{item.tv965!=null}">
                                                        <img  src="../images/check_false.png"   title="Kiểm duyệt" />                                               
                                                    </h:panelGroup>



                                                    <h:outputLink rendered="#{item.tv967==null}" value="confirm.jsp?pt950=#{item.pt950}&table=appro&page=debt.jsp&height=150px&width=300px" styleClass="fancybox" >
                                                        <img  src="../images/tick_circle.png" alt="Xác nhận" title="Xác nhận" />                                               
                                                    </h:outputLink>
                                                    <h:panelGroup rendered="#{item.tv967!=null}">
                                                        <img  src="../images/comment_check.png" alt="Xác nhận"   title="Xác nhận" />                                               
                                                    </h:panelGroup>

                                                </div>
                                                <%--  <div class="itemheaderdivtable_center" style="width: 6%;">
                                                     
                                                  </div>--%>
                                                <div class="itemheaderdivtable_center" style="width: 4%;">
                                                    <h:outputLink value="edisaleTour.jsp?action=getsaleTour&pt950=#{item.pt950}&fn100=#{item.fn100}" styleClass="fancybox">
                                                        <h:graphicImage  title="Giảm giá" value="../images/sale.png"/>
                                                    </h:outputLink>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 5%;">
                                                    <h:outputLink  value="adddebt.jsp?action=addchildPt950&pt950=0&ft950=#{item.pt950}&fn100=#{item.fn100}&fv050=#{item.fv050}&tv957=#{item.tv957}&page=debt.jsp&height=282px&width=345px" styleClass="fancybox" id="fancybox">
                                                        <h:graphicImage title="Lập phiếu thu/chi" value="../images/add_tab.png"/>
                                                    </h:outputLink>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 4%;">
                                                    <h:commandButton actionListener="#{T950Bean.exportExcel()}"  value="Export">
                                                        <f:param value="#{v030Controller.FV050}" name="fv050"/>

                                                    </h:commandButton>
                                                    <%--   <h:outputLink   value="documentView_infanial.jsp?action=getinfomationEmp&pt950=#{item.pt950}">
                                                          <img  src="../images/docs_icon.png" height="15px" width="15px" title="Xem phiếu"/> 
                                                      </h:outputLink>
                                                        <h:commandButton title="Export Word File" value="Print" onclick="showPleaseWait();" action="#{T950Bean.printWord}"/> --%>
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width: 13.2%;">
                                                    <h:outputText value="#{item.hoten}"/>
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width: 6%;">
                                                    <h:outputText value="#{item.tv957}"/>
                                                </div>

                                                <div class="itemheaderdivtable_center " style="width: 5%;">
                                                    <h:outputText value="#{item.money}"/> 
                                                </div>
                                                <div  class="itemheaderdivtable_left " style="width: 6%;">
                                                    <h:outputText style="color:red;font-weight:bold;" value="#{item.tn951Str}"/>
                                                </div>
                                                <div  class="itemheaderdivtable_left " style="width: 8%;">
                                                    <h:outputText style="color:red;font-weight:bold;" value="#{item.tientram}(#{item.tn972})%"/>
                                                </div>
                                                <div  class="itemheaderdivtable_left " style="width: 6%;">
                                                    <h:outputText style="color:red;font-weight:bold;" value="#{item.dathuStr}"/>
                                                </div>
                                                <%--    <div class="itemheaderdivtable_left " style="width: 8%;">
                                                <h:outputText  value="#{item.kv301}"/>
                                            </div>--%>

                                                <div class="itemheaderdivtable_left " style="width:6%;">
                                                    <h:outputText style="color:red;font-weight:bold;" value="#{item.conthieuStr}"/>
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width:8%;">
                                                    <h:outputText style="color:red;font-weight:bold;" value="#{item.tn974}(#{item.tn975})%"/>
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width:8%;">
                                                    <h:outputText style="color:red;font-weight:bold;"  value="#{item.chiphiStr}"/>
                                                </div>


                                                <%--   <div class="itemheaderdivtable_center " style="width:6%;">

                                                                   
                                                                </div>
                                                               <div class="itemheaderdivtable_left " style="width:6%;">
                                                                    <h:outputText  value="&nbsp" escape="false"/>
                                                                </div>
                                                                <div class="itemheaderdivtable_left " style="width:8%;">
                                                                    <h:outputText value="#{item.tl999}"/>
                                                                </div> --%>
                                            </div>
                                            <div class="showitemHistory">

                                            </div>
                                        </a4j:repeat>
                                    </div>

                                    <div style="float:left;width: 100%;text-align: right;font-size: 14px;color: red;">
                                        TỔNG SỐ TIỀN : <h:outputText style="color:red;font-weight:bold;" value="#{T950Bean.doanhsoStr}"/>; ĐÃ THU : <h:outputText style="color:red;font-weight:bold;" value="#{T950Bean.thuStr}"/>; CÒN NỢ : <h:outputText style="color:red;font-weight:bold;" value="#{T950Bean.tongnoStr}"/> TỔNG CHI PHÍ PHÁT SINH : <h:outputText style="color:red;font-weight:bold;" value="#{T950Bean.tongchiStr}"/>
                                    </div>

                                </rich:tab>
                                <rich:tab name="TABCHITI" action="#{v030Controller.chooseTabchiti}" label="CHIẾT TÍNH">
                                    <div style="width:100%;overflow: auto;">
                                        <div style="float:left;width:100%;">
                                            <div style="float: left;border: 1px solid #666666;width: 5%;background-color: #506579;color: #fff;">
                                                <h:outputText style="float:left;line-height:25px;margin-left:7%;font-size:10px" value="CHIẾT TÍNH"/>
                                            </div>
                                            <div style="float: left;border: 1px solid #666666;width: 2%;background-color: #506579;color: #fff;">
                                                <h:outputLink  style="color: #000000;"  value="addV500forTour.jsp?action=getlistforRoom&pv050=#{v030Controller.FV050}&height=893&width=741" styleClass="fancybox add_new" id="fancybox123ct"  >
                                                    <h:outputText style="float:left;line-height:25px;margin-left:21%;font-size:25px;color:white;" value="+"/>
                                                </h:outputLink>
                                            </div>  
                                        </div> 
                                        <div style="width: 100%;">    
                                            <div class="headerdivtable">
                                                <div class="itemheaderdivtable_center" style="width: 4%;">
                                                    <h:outputText value="STT"/>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 10%;">
                                                    <h:outputText value="ACTION"/>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 13%;">
                                                    <h:outputText value="MỤC ĐÍCH CHI"/>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 13%;">
                                                    <h:outputText value="SỐ TIỀN" />
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 12%;">
                                                    <h:outputText value="VAT"/>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 13%;">
                                                    <h:outputText value="VAT THÀNH TIỀN"/>
                                                </div>
                                                <div class="itemheaderdivtable_center" style="width: 13%;">
                                                    <h:outputText value="TỔNG THÀNH TIỀN"/>
                                                </div>
                                                <div class="itemheaderdivtable_left" style="width: 18.9%;">
                                                    <h:outputText value="NGƯỜI CẬP NHẬT"/>
                                                </div>                                                   
                                            </div>                                       
                                        </div>
                                        <div class="headerdivtable_over">

                                            <a4j:repeat  value="#{TourBean.listChietTinh}" var="item" rowKeyVar="index">                                                            
                                                <div class="headerdivtable_bootom <h:outputText rendered="#{index%2 !=0}"  value="headerdivtable_tr"/>">
                                                    <div class="itemheaderdivtable_center " style="width: 4%;color:#0055A6;">
                                                        <h:outputText style="font-weight:bold;" value="#{index+1}" >
                                                            <f:convertNumber  pattern="##000"></f:convertNumber>
                                                        </h:outputText>
                                                    </div>
                                                    <div class="itemheaderdivtable_center" style="width: 10%;">
                                                        <a4j:commandLink styleClass="no-decor" reRender="confirmChietTinh"  oncomplete="#{rich:component('confirmChietTinh')}.show()"
                                                                         >
                                                            <h:graphicImage value="/images/delete_1.png" alt="delete" />
                                                            <f:param value="deleteTour" name="action"/>
                                                            <f:param value="#{item.pv500}" name="pv500"/>
                                                            <p:ajax event="click" update=":confirmChietTinh"></p:ajax>
                                                        </a4j:commandLink>
                                                        <h:outputLink    value="addV500forTour.jsp?action=editV500&pv050=#{v030Controller.FV050}&pv500=#{item.pv500}&height=893&width=741" styleClass="fancybox">
                                                            <img src="../images/edit.png" alt="edit" title="edit"/>
                                                        </h:outputLink>
                                                    </div>
                                                    <div class="itemheaderdivtable_left" style="width: 13%;">
                                                        <div style="cursor: pointer;">
                                                            <h:outputText style="font-weight:bold;" value="#{item.vv201}" ></h:outputText>
                                                            </div>
                                                        </div>
                                                        <div class="itemheaderdivtable_right" style="width: 13%;">
                                                            <div style="cursor: pointer;">
                                                            <h:outputText style="font-weight:bold; color: red;" value="#{item.vn508}" >
                                                                <f:convertNumber pattern="#,###,###,###"></f:convertNumber>
                                                            </h:outputText>
                                                        </div>
                                                    </div>
                                                    <div class="itemheaderdivtable_right" style="width: 12%;">
                                                        <div style="cursor: pointer;">
                                                        <h:outputText style="font-weight:bold; color: red;" value="#{item.vn509}">
                                                                <f:convertNumber pattern="#,###,###,###"></f:convertNumber>
                                                            </h:outputText>
                                                            <span style="color: red;">%</span>
                                                        </div>
                                                    </div>
                                                    <div class="itemheaderdivtable_right" style="width: 13%;">
                                                        <div style="cursor: pointer;">
                                                            <h:outputText style="font-weight:bold; color: red;" value="#{item.vn510}" >
                                                                <f:convertNumber pattern="#,###,###,###"></f:convertNumber>
                                                            </h:outputText>
                                                        </div>
                                                    </div>
                                                    <div class="itemheaderdivtable_right" style="width: 13%;">
                                                        <div style="cursor: pointer;">
                                                            <h:outputText style="font-weight:bold; color: red;" value="#{item.vn511}" >
                                                                <f:convertNumber pattern="#,###,###,###"></f:convertNumber>
                                                            </h:outputText>
                                                        </div>
                                                    </div>
                                                    <div class="itemheaderdivtable_left" style="width: 18.9%;">
                                                        <div style="cursor: pointer;">
                                                            <h:outputText style="font-weight:bold;" value="#{item.vl527}" ></h:outputText>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </a4j:repeat>              
                                        </div>
                                    </div>                                       
                               <div style="float:left;width: 100%;text-align: right;font-size: 14px;color: red;">
                                   TỔNG GIÁ DỊCH VỤ: <h:outputText style="color:red;font-weight:bold;" value="#{TourBean.tongdichvu}">
                                       <f:convertNumber  pattern="###,###,###,###"></f:convertNumber>
                                   </h:outputText>
                                   TỔNG VAT: <h:outputText style="color:red;font-weight:bold;" value="#{TourBean.tongVAT}">
                                       <f:convertNumber  pattern="###,###,###,###"></f:convertNumber>
                                   </h:outputText>
                                   TỔNG CỘNG: <h:outputText style="color:red;font-weight:bold;" value="#{TourBean.tongcong}">
                                       <f:convertNumber  pattern="###,###,###,###"></f:convertNumber>
                                   </h:outputText>
                                    </div>                 
                        </rich:tab>      
                        <rich:tab name="TABDOC" action="#{v030Controller.chooseTabdoc}" label="TÀI LIỆU">
                            Here is tab #3
                        </rich:tab>
                        <rich:tab name="TABSMS" action="#{v030Controller.chooseTabsms}" label="SMS">
                            <div style="width:100%;">
                                <div style="float:left;width:99.5%;padding: 3px;background-color: #50678A;">


                                    <h:selectOneMenu style="width:15%;height:23px;float:left;" value="#{m020Controller.mn026}">
                                        <f:selectItem itemLabel="------ Tất cả ----" itemValue="0"/> 
                                        <f:selectItem itemLabel="Người tham gia Tour" itemValue="1"/> 
                                        <f:selectItem itemLabel="Hàng không" itemValue="2"/> 
                                        <f:selectItem itemLabel="Phòng ốc" itemValue="3"/> 
                                        <f:selectItem itemLabel="Thủ tục Visa" itemValue="4"/> 
                                        <f:selectItem itemLabel="Xe bus" itemValue="5"/> 
                                        <a4j:support event="onchange"  actionListener="#{m020Controller.onchangeM020}" reRender="reload9" />
                                    </h:selectOneMenu>

                                    <div style="float:left;width: 44%;height: 21px;margin-left: 3px;">

                                        <div style="width:33%;float: left;">
                                            <a4j:outputPanel layout="block">
                                                <rich:calendar  value="#{m020Controller.md023F}" id="calendar1" locale="US" popup="true" datePattern="dd/MM/yyyy" showApplyButton="false" cellWidth="24px" cellHeight="21px">
                                                </rich:calendar>
                                            </a4j:outputPanel>
                                        </div>
                                        <div style="float: left;">
                                            <h:outputText style="color:#fff;font-weight:bold;font-size:15px;margin-right:5px;" value="--"/>
                                        </div>
                                        <div style="width:33%;float: left;">
                                            <a4j:outputPanel layout="block">
                                                <rich:calendar  value="#{m020Controller.md023T}" id="calendar" locale="US" popup="true" datePattern="dd/MM/yyyy" showApplyButton="false" cellWidth="24px" cellHeight="21px">
                                                </rich:calendar>
                                            </a4j:outputPanel>
                                        </div>
                                        <div style="float: left;">
                                            <a4j:commandButton reRender="reload9" style="margin-top:-1px;" actionListener="#{m020Controller.searchdataM020}" value="Tìm"></a4j:commandButton>
                                            </div>

                                        </div>
                                        <div style="float:right;width: 15%;">
                                        <h:inputText style="width:100%;height:23px;" onfocus="if(this.value=='Search') this.value='';" value="Search"/>
                                    </div>
                                </div>  
                                <h:panelGroup id="reload9">
                                    <div class="headerdivtable">
                                        <div class="itemheaderdivtable_center" style="width: 2%;">
                                            <h:outputText value="STT"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 12%;">
                                            <h:outputText value="HỌ TÊn"/>
                                        </div>

                                        <div class="itemheaderdivtable_center" style="width: 6%;">
                                            <h:outputText value="SDT" />
                                        </div>
                                        <%--  <div class="itemheaderdivtable_center" style="width: 6%;">
                                              <h:outputText value="XÉT DUYỆT"/>
                                          </div> --%>
                                        <div class="itemheaderdivtable_center" style="width: 8%;">
                                            <h:outputText value="TIÊU ĐỀ"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 30.7%;">
                                            <h:outputText value="NỘI DUNG TIN NHẮN"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 8%;">
                                            <h:outputText value="MỤC ĐÍCH"/>
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 10%;">
                                            <h:outputText value="TRẠNG THÁI"/>
                                        </div>

                                        <div class="itemheaderdivtable_center" style="width: 4%;">
                                            <h:outputText value="ACTION" />
                                        </div>
                                        <div class="itemheaderdivtable_center" style="width: 16%;">
                                            <h:outputText value="NGƯỜI CẬP NHẬT"/>
                                        </div>




                                    </div>

                                    <div class="headerdivtable_over">
                                        <a4j:repeat  value="#{m020Controller.listoftabM020}" var="item" rowKeyVar="index" >

                                            <div class="noteRow headerdivtable_bootom <h:outputText rendered="#{index%2 !=0}"  value="headerdivtable_tr"/>">
                                                <div class="itemheaderdivtable_center " style="width: 2%;color:#0055A6;">
                                                    <h:outputText value="#{index+1} "/>
                                                </div>
                                                <div class="itemheaderdivtable_left" style="width: 12%;">
                                                    <h:panelGroup rendered="#{item.fn600==2}"><h:outputLink value="customer.jsp?action=linkCus&pnPN100=#{item.fn100}&type=#{item.ni104}"> <h:outputText value="#{item.hoten}" /></h:outputLink></h:panelGroup>
                                                    <h:panelGroup rendered="#{item.fn600==1}"><h:outputLink style="color:#E2CC3D;font-weight:bold;" value="employee.jsp?action=linkEmp&pnPN100=#{item.fn100}"> <h:outputText  value="#{item.hoten}"/></h:outputLink></h:panelGroup>
                                                    <h:panelGroup rendered="#{item.fn600==0}"><h:outputLink style="color:#E2CC3D;font-weight:bold;"  value="employee.jsp?action=linkEmp&pnPN100=#{item.fn100}"> <h:outputText  value="#{item.hoten}" /></h:outputLink></h:panelGroup>                                                               
                                                        </div>

                                                        <div class="itemheaderdivtable_center graphic" style="width: 6%;">
                                                    <h:outputText value="#{item.nv121}"/>



                                                </div>

                                                <div class="itemheaderdivtable_left" style="width: 8%;">
                                                    <h:outputText value="#{item.mv021}"/>
                                                </div>
                                                <div class="itemheaderdivtable_left" style="width: 30.7%;">
                                                    <h:outputText value="#{item.mv022}"/>
                                                </div>
                                                <div class="itemheaderdivtable_left" style="width: 8%;">
                                                    <h:panelGroup rendered="#{item.mn026==1}">  <h:outputText value="Người tham gia Tour"/></h:panelGroup>
                                                    <h:panelGroup rendered="#{item.mn026==2}">  <h:outputText value="Hàng không"/></h:panelGroup>
                                                    <h:panelGroup rendered="#{item.mn026==3}">  <h:outputText value="Phòng ốc"/></h:panelGroup>
                                                    <h:panelGroup rendered="#{item.mn026==4}">  <h:outputText value="Thủ tục visa"/></h:panelGroup>
                                                    <h:panelGroup rendered="#{item.mn026==5}">  <h:outputText value="Xe bus"/></h:panelGroup>
                                                    </div>
                                                    <div class="itemheaderdivtable_left " style="width: 10%;">
                                                    <h:outputText value="#{item.mv025}"/>
                                                </div>
                                                <div class="itemheaderdivtable_left " style="width: 4%;">
                                                    <div class="imagesendsmsfail" style="width: 100%;text-align: center;">
                                                        <h:panelGroup rendered="#{item.mv025!='SMS SUCCESS'}">   
                                                            <img src="../images/viewSMS.png" class="sendSMS1" lang="action=sendSMSfail&group=1&phone=<h:outputText value="#{item.nv121}"/>&fn100=<h:outputText value="#{item.fn100}"/>&pm020=<h:outputText value="#{item.pm020}"/>" style="cursor: pointer;" title="Xác nhận  SMS"/>
                                                        </h:panelGroup>
                                                    </div>
                                                </div>

                                                <div class="itemheaderdivtable_left " style="width: 16%;">
                                                    <h:outputText value="#{item.ml029}"/></br>
                                                    <h:outputText value="#{item.ml028}"/>
                                                </div>




                                            </div>
                                            <div class="noteContent">

                                            </div>
                                        </a4j:repeat>
                                    </div>

                                </h:panelGroup>
                            </div>

                        </rich:tab>
                    </rich:tabPanel>

                </div>




                <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                 height="30" width="40" zindex="2000">
                    <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                </rich:modalPanel>
                <rich:modalPanel styleClass="pleaseimage" id="statPane" autosized="true" minHeight="10" minWidth="80"
                                 height="10" width="80" zindex="2000">
                    <h:graphicImage value="/images/loadingAnimation.gif" alt="ai" />
                </rich:modalPanel>
                <rich:modalPanel id="confirmPane" autosized="true">
                    <div class="popup" style="height:150px; width:350px">
                        <div class="popup-header">
                            <div class="title"><h:outputText value="Thông báo"/></div>
                        </div>
                        <div class="popup-content">
                            <div class="main_content" style="padding:20px 84px">                                     
                                <font style="font-weight:bold;margin-left: 6px;">
                                <h:outputText value="Are you sure?"/>
                                </font>                                   
                            </div>
                        </div>
                        <div class="popup-footer">
                            <h:inputHidden value="#{v030Controller.FV050}"/>
                            <a4j:commandButton styleClass="buttonsave" value="Cancel" onclick="#{rich:component('confirmPane')}.hide(); return false;" />
                            <a4j:commandButton styleClass="buttonsave" value="Delete" reRender="reload3,messageSystem,reload12" oncomplete="#{rich:component('confirmPane')}.hide();" actionListener="#{v030Controller.deleteV030}"/>                             
                        </div>
                    </div>
                </rich:modalPanel>
                <rich:modalPanel id="confirmChietTinh" autosized="true">
                    <div class="popup" style="height:150px; width:350px">
                        <div class="popup-header">
                            <div class="title"><h:outputText value="Thông báo"/></div>
                        </div>
                        <div class="popup-content">
                            <div class="main_content" style="padding:20px 84px">                                     
                                <font style="font-weight:bold;margin-left: 6px;">
                                <h:outputText value="Bạn có muốn xóa dữ liệu này?"/>
                                </font>                                   
                            </div>
                        </div>
                        <div class="popup-footer">
                            <a4j:commandButton styleClass="buttonsave" value="Cancel" onclick="#{rich:component('confirmChietTinh')}.hide(); return false;" />
                            <a4j:commandButton styleClass="buttonsave" value="Delete" reRender="reload6" oncomplete="#{rich:component('confirmChietTinh')}.hide();" actionListener="#{TourBean.deleteV500}"/>                             
                        </div>
                    </div>
                </rich:modalPanel>  
                <rich:modalPanel id="confirmPaneV150" autosized="true">
                    <div class="popup" style="height:150px; width:350px">
                        <div class="popup-header">
                            <div class="title"><h:outputText value="Thông báo"/></div>
                        </div>
                        <div class="popup-content">
                            <div class="main_content" style="padding:20px 84px">                                     
                                <font style="font-weight:bold;margin-left: 6px;">
                                <h:outputText value="Bạn có muốn xóa dữ liệu này?"/>
                                </font>                                   
                            </div>
                        </div>
                        <div class="popup-footer">
                            <a4j:commandButton styleClass="buttonsave" value="Cancel" onclick="#{rich:component('confirmPaneV150')}.hide(); return false;" />
                            <a4j:commandButton styleClass="buttonsave" value="Delete" reRender="reload5" oncomplete="#{rich:component('confirmPaneV150')}.hide();" actionListener="#{v150Controller.stdv_tools_stornotabv150}"/>                             
                        </div>
                    </div>
                </rich:modalPanel>
                <rich:modalPanel id="confirmPaneRoom" autosized="true">
                    <div class="popup" style="height:150px; width:350px">
                        <div class="popup-header">
                            <div class="title"><h:outputText value="Thông báo"/></div>
                        </div>
                        <div class="popup-content">
                            <div class="main_content" style="padding:20px 84px">                                     
                                <font style="font-weight:bold;margin-left: 6px;">
                                <h:outputText value="Bạn có muốn xóa dữ liệu này?"/>
                                </font>                                   
                            </div>
                        </div>
                        <div class="popup-footer">
                            <a4j:commandButton styleClass="buttonsave" value="Cancel" onclick="#{rich:component('confirmPaneRoom')}.hide(); return false;" />
                            <a4j:commandButton styleClass="buttonsave" value="Delete" reRender="reload6" oncomplete="#{rich:component('confirmPaneRoom')}.hide();" actionListener="#{v030Controller.deleteV030Room}"/>                             
                        </div>
                    </div>
                </rich:modalPanel>

                <rich:modalPanel id="confirmPaneVS" autosized="true">
                    <div class="popup" style="height:150px; width:350px">
                        <div class="popup-header">
                            <div class="title"><h:outputText value="Thông báo"/></div>
                        </div>
                        <div class="popup-content">
                            <div class="main_content" style="padding:20px 94px">                                     
                                <font style="font-weight:bold;margin-left: 6px;">
                                <h:outputText value="Cập nhật quy trình Visa?"/>
                                </font>                                   
                            </div>
                        </div>
                        <div class="popup-footer">
                            <h:inputHidden value="#{v030Controller.FV050}"/>
                            <a4j:commandButton style="margin-right:80px;" styleClass="buttonsave" value="Cancel" onclick="#{rich:component('confirmPaneVS')}.hide(); return false;" />
                            <a4j:commandButton styleClass="buttonsave" value="active" oncomplete="#{rich:component('confirmPaneVS')}.hide();" actionListener="#{v030Controller.activeV030}"/>                             
                        </div>
                    </div>
                </rich:modalPanel>
            </div>

        </a4j:form>
    </body>
</html>

</f:subview>
<style>
    .rich-table-thead{
        height:34px;
    }
    .delSession{
        cursor: pointer;
    }
    .imgdd img{
        height: 10px;
        width: 10px;
    }
    .imgddd{
        display: none;
    }
    .imgddd img{
        height: 10px;
        width: 10px;
    }
    .choosetab{
        display: none;
    }
    .imagesendsmsfail img{
        height: 20px;
        width: 20px;
    }
    .thongke{
        float: right;
        margin-right: 30px;

    }
    .thongke label{
        color :#000000;
        font-size :12px;
        padding:3px;
        font-style: italic;
    }
    .thongke .NBphong{
        color: #8B0000;
        font-weight: bold; 
    }
    .viewfo{
        cursor: pointer;
    }
    .viewfo:hover .itemviewfo{
        display: block !important;
    }
    .itemviewfo{
        background: none repeat scroll 0 0 #36717C;
        border: 1px solid #666666;
        float: left;
        height: auto;
        position: absolute;
        width: 20%;
        z-index: 999;
    }
    .graphic img{
        height: 15px;
        width: 16px;
    }
</style>